.g-main{
  height: 0;
  padding: 26rpx;
  box-sizing: border-box;
  .list-wrap{
    height: 100%;
    overflow: auto;
    .li-wrap{
      margin-bottom: 30rpx;
      border-radius: 18rpx;
      border: 2rpx solid #bbbbbb;
      .li-top{
        height: 74rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #1678FF;
        color: #ffffff;
        border-radius: 18rpx 18rpx 0 0;
        padding: 0 26rpx;
        .li-title{
          font-size: 28rpx;
          color: #ffffff;
        }
      }
      .li-mid{
        padding: 28rpx 26rpx 14rpx 26rpx;
        border-radius: 0 0 18rpx 18rpx;
        font-size: 24rpx;
        background: #ffffff;
        .line1{
          border-radius: 18rpx;
          border: 2rpx solid #bbbbbb;
          display: flex;
          align-items: center;
          justify-content: center;
          line-height: 40rpx;
          min-height: 166rpx;
          color: #101010;
        }
        .line2{
          display: flex;
          justify-content: space-between;
          color: #101010;
          padding: 14rpx 0;
          .line-left{

          }
          .line-right{
            padding: 0 26rpx;
            background: #01C257;
            border-radius: 8rpx;
          }
        }
        .line3{
          display: flex;
          justify-content: space-between;
          color: #9A9A9A;
          border-top: 2rpx solid #bbbbbb;
          padding-top: 14rpx;
        }
      }
    }
  }

  .empty{
    background: #ffffff;
    height: 100%;
  }
}

.dropdown-menu{
  height: 50rpx;
  border-radius: 8rpx;
  width: 68rpx;
  position: relative;
  background: #ffffff;
  color: #9A9A9A;
  font-size: 24rpx;
  display: flex;
  align-items: center;
  padding: 0 16rpx;
  &.down{
    &:after{
      margin-top: -1px;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);

    }
  }
  &:after{
    position: absolute;
    top: 50%;
    right: 8rpx;
    margin-top: -5px;
    border: 6rpx solid;
    border-color: transparent transparent #9A9A9A #9A9A9A;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0.8;
    content: '';
  }
}
.dropdown-item{
  position: absolute;
  width: 100rpx;
  background: #ffffff;
  border: 2rpx solid #7e7e7e;
  font-size: 24rpx;
  color: #9A9A9A;
  top: 52rpx;
  left: 0;
  .item{
    padding: 10rpx 20rpx;
    &:active{
      background: #3895ff;
      color: #ffffff;
    }
  }
}
.hidden{
  display: none !important;
}
